@charset "utf-8";
$fontsize:40;
@function r($px){
    @return $px/$fontsize*1rem;
} 

header{width: 100%;height: r(150);position: absolute;
top: 0;}            
header>div{
    /*display: inline-block;*/
    /*float: left;*/
    vertical-align: middle;
}

header .logo{width: r(124);height: r(124); float: left;
                margin-left: r(20);margin-top: r(16);}
header .logo img{width: 100%;height: 100%;}

header .searchBar input{width: r(196);height: 100%;font-size: r(24);
                        vertical-align: top;border: none;border-radius: 25px;
                        text-indent: r(4);
                        }                   
header .searchBar i{font-size: r(28); color: #ff9344;}
header .selectBar{width: 79px;height: r(54);
                    border:1px solid #ff9344;
                    float: right;
                    margin-top: r(50);
                    margin-right: r(20);
                    background: url(../img/index/index-select.png) no-repeat 55px center ;
                    background-size: r(30) r(12);}
header .searchBar{width: r(264);height: r(50);
                    border: 1px solid #ff9344;
                    border-radius: 27px;
                    padding: 0 r(4);
                    box-sizing: border-box;
                    line-height: r(50);
                    margin: 0 auto;
                    margin-top: r(50);
                    
                    }
header .selectBar i{color: #FF9344;}
header select{appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
            width: 100%;
            font-size: r(26);
            height: 100%;
            background: transparent;
//          margin-left: r(14);           
            padding-left: r(14);
//          line-height: r(54);
            vertical-align: top;
}   
             
section{width: 100%;position: absolute;
        top:r(150);bottom: r(136);overflow-y: scroll;
    .caous{overflow: hidden;width: 100%;
        .swiper-slide {text-align: center;
             img{width: 100%;height: 100%;}} }
    .swiper-button-next,.swiper-button-prev{opacity: 0;background: transparent;}
    .swiper-pagination{background-color: #494949;}
    .favourable-more{
        width: 100%;height: r(54);margin-top: r(35);
        .favourable{width: r(200);height:r(54);
                    margin-left: r(20);
           .favourable-pic{
               width:  r(54);height: r(54);display: inline-block;
                img{width: 100%; height: 100%;vertical-align:middle;}
           }
           h3{display: inline-block;font-size: r(30);font-weight: blod;}
    }
        .more{width: 50%;height: 100%;margin-right: r(22);text-align: right;
            h3{font-weight: 500;color:#000000;font-size: r(24);display: inline-block;}
            span{font-size: r(24); color: #FF9344;}
        }
    }
    .favourable-more-pic{width: 80%;margin: 0 auto;
                       
               ul li{width:40%;padding-top: r(28);
                     
//                   margin-left: px(80px); 
                     img{width: 100%; height: 100%;}} 
               li:nth-child(odd){
                    float: left;
                } 
                li:nth-child(even){
                    float: right;
                } 
                 
                 
              }
    
    
    
    .datails{width: 100%;height: r(163);margin-top:r(34);
           .datails-foods-pic{
               width:r(210) ;
               height: r(163);
               margin-left: r(20);
               img{width: 100%;
                    height: 100%;}
           }
      
            .datails-foods-text{
                width:r(263);
                height: r(163);
                margin-left: r(20);
                ul{margin-top: r(20);
                    li{ line-height: r(40);
                        h5{font-size: r(26);}
                        span{font-size: r(20);color: #494949;}
                        a{font-size: r(24); color: #FF9344;}
                    }
                }
                
            }
            .datails-foods-end{
                width:r(110);
                height: r(163);
                margin-right: r(16);
                ul{margin-top: r(20);
                    li{ line-height: r(40);
                        a{font-size: r(22); color: #494949;
                            display: inline-block;
                             width:r(110);text-align: right;}
                    }
                }
            }
            }
    }
    
    
    
    
